<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>CSS利用背景图片的位置实现，初始与划上高度不一致的导航菜单效果</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div>
		<ul>
			<li><a href="#" class="active">首页</a></li>
			<li><a href="#">旅游境地</a></li>
			<li><a href="#">生活乐园</a></li>
			<li><a href="#">客户咨询</a></li>
			<li><a href="#">美景欣赏</a></li>
			<li><a href="#">游客留言</a></li>
			<li><a href="#">经验分享</a></li>
			<li><a href="#">住宿酒店</a></li>
			<li><a href="#">售后服务</a></li>
		</ul>
	</div>

	<script type="text/javascript" src="jquery-3.4.1.js"></script>
	<script src="./index.js"></script>
</body>

</html>